/* pages/consum/index.wxss */
@bgcolor: #F6F6F6FF;

page {
	background-color: @bgcolor;
}

.consum-ul {
	padding: 32rpx;

	.li {
		margin-top: 32rpx;
		background-color: #FFEFD7FF;
		border-radius: 20rpx;
		font-size: 32rpx;
		color: #D7865FFF;
		display: flex;
		align-items: center;
		padding: 12rpx 0 10rpx;
		position: relative;
		border: 2rpx solid #FFCB78FF;

		&:first-child {
			margin-top: 0;
		}

		&::after,
		&::before {
			content: '';
			position: absolute;
			width: 16rpx;
			height: 8rpx;
			background-color: @bgcolor;
			border: 2rpx solid #FFCB78FF;
			box-sizing: border-box;
			transform: translateX(-50%);
		}

		&::after {
			top: -2rpx;
			left: 258rpx;
			border-top: none;
			border-radius: 0px 0px 50% 50% / 0px 0px 100% 100%;
		}

		&::before {
			bottom: -2rpx;
			left: 258rpx;
			border-bottom: none;
			border-radius: 50% 50% 0px 0px / 100% 100% 0px 0px;
		}


		.left-box {
			width: 258rpx;
			text-align: center;
			padding: 26rpx 0 32rpx;
			border-right: 2rpx dashed #F9A254FF;

			.price {
				font-size: 80rpx;
				color: #F33224FF;
			}
		}

		.right-box {
			margin-left: 60rpx;

			.info-box {
				color: #D7865FFF;

				.title {
					font-size: 32rpx;
					font-weight: bold;
				}

				.time {
					margin-top: 8rpx;
					font-size: 20rpx;
				}
			}

			.btn {
				margin-top: 28rpx;
				width: 216rpx;
				height: 52rpx;
				border-radius: 26rpx;
				font-size: 28rpx;
				background-color: #F33224FF;
			}
		}
	}
}